<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
  <!--<link rel="stylesheet" href="css/semantic.min.css">-->
  <link rel="stylesheet" href="../static/css/custom.css">
</head>
<body>
  <div class="ui container" style="padding: 50px;">
    <h2 class="ui dividing header">Button</h2>
    <button class="ui button">按钮</button>
    <div>
      <button class="ui mini button">按钮</button>
      <button class="ui tiny button">按钮</button>
      <button class="ui small button">按钮</button>
      <button class="ui medium button">按钮</button>
      <button class="ui large button">按钮</button>
      <button class="ui huge button">按钮</button>
      <button class="ui massive button">按钮</button>
    </div>
    <div class="ui divider"></div>
    <button class="ui fluid button">加载更多</button>
    <div class="ui divider"></div>
    <button class="ui primary button">主按钮</button>
    <button class="ui secondary button">次按钮</button>
    <button class="ui positive button">主按钮</button>
    <button class="ui negative button">取消</button>
  </div>
  <script src="../static/js/jquery-3.4.1.min.js" th:src="@{/js/jquery-3.4.1.min.js}"></script>
  <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
</body>
</html>